    <h2>Appointment overview</h2>
    <div class="eventTableWrap">
        <table class="eventTable">
            <thead>
                <tr class="head">
                    <th class="nameCell">Date:</th>
                    <th class="nameCell">Location:</th>
                    <th class="nameCell">Persons:</th>
                    <th class="nameCell">iStip:</th>
                    <th class="nameCell">Type:</th>
                </tr>
            </thead>
            <tbody>
                <? for($i=1; $i<=20; $i++) {
                    if($i % 2) {
                        echo '<tr>';
                        echo '<td class="nameCell">04-12-2011 12:45</td>';
                        echo '<td class="nameCell">McDonalds</td>';
                        echo '<td class="nameCell">John Doe</td>';
                        echo '<td class="nameCell">Gijsbert v. Dalen</td>';
                        echo '<td class="nameCell">Lunch</td>';
                        echo '</tr>';
                    }
                    else {
                        echo '<tr>';
                        echo '<td class="nameCell">16-05-2011 14:00</td>';
                        echo '<td class="nameCell">Padualaan 8 FEM HU';
                        echo '<td class="nameCell">Jan Klaassen </td>';
                        echo '<td class="nameCell">Joan Chiang</td>';
                        echo '<td class="nameCell">Presentation</td>';
                        echo '</tr>';
                    }
                } ?>
            </tbody>
        </table>
    </div>
    <input type="button" name="addAppointment" class="button" value="Add" onclick="showAddAppointmentForm"/>
    <div class="addAppointmentForm">

        <div class="appointmentField">
            <label>Subject:</label>
            <input type="text" name="appointmentSubject">
                
            <label>Location:</label>
            <input type="text" name="appointmentLocation"
        </div>

        <div class="appointmentField">
            <label>Date & time:</label>
            <input type="text" name="appointmentDateTime">
        </div>

        <div class="appointmentField">
            <label>Status:</label>
            <select name="appointmentStatus">
                <option value="Invite"></option>
                <option value="Reject"></option>
                <option value="Pending"></option>
            </select>
        </div>

        <div class="appointmentField">
            <label>Description:</label>
            <textarea cols="5" rows="6" name="backlinkDescr" class="textArea"></textarea>
        </div>

        <div class="appointmentField">
            <label>Invite:</label>
            <select name="appointmentInvite">
                <option value="1">Jan Jansen</option>
                <option value="2">Wesley Verhoek</option>
                <option value="3">Maarten Stekelenburg</option>
            </select>
            <input type="button" class="button" name="appointmentAddInvite" value="+"/>

        </div>
        <div class="formButton">
            <input type="button" class="button" name="cancelAddBacklink" value="Cancel"/>
            <input type="submit" class="button" name="addBacklinkr" value="Save"/>
        </div>
    </div>
    